<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>【华为专区】华为Mate20、华为P30、P30 Pro、华为Mate20保时捷版、华为nova4系列 – 华为商城</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="commonCss/nav.css">
	<link rel="stylesheet" type="text/css" href="commonCss/footer.css">
	<link rel="stylesheet" type="text/css" href="commonCss/fixedMenu.css">
	<link rel="stylesheet" type="text/css" href="css/huaweiPrefecture.css">
	<link rel="shortcut icon" href="img/index/favicon.ico">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/huaweiPrefecture.js"></script>
</head>
<body>
	<header id="header" class="t">		
		<div id="topAd" class="t">
			<a href="#" title="荣耀" >
				<div id="topAdC" class="c">
						<div id="close">
							<object><a href="#" title="关闭">X</a></object>
						</div>
				</div>
			</a>
		</div>
		<!-- <nav id="navTop" class="t">
			<div id="navTopC" class="c">
				<ul id="navTopLeft" class="l">
					<li class="topLinks" id="indexPage"><a href="index.html">首页</a></li>
					<li class="topLinks"><a href="">华为官网</a></li>
					<li class="topLinks"><a href="">荣耀官网</a></li>
					<li class="topLinks"><a href="">花粉俱乐部</a></li>
					<li class="topLinks"><a href="">V码(优购码)</a></li>
					<li class="topLinks"><a href="">企业购</a></li>
					<li class="topLinks"><a href="">Select Region</a></li></li>
					<li class="topLinks" id="moreWonderful">
						<div class="topNavDropdown" id="moreWonderfulBox">
							<a class="topNavDropdownLink" href="">更多精彩</a>
							<ul id="moreWonderfulMemu">
								<li class="wondefulLink"><a href="">EMUI</a></li>
								<li class="wondefulLink"><a href="">应用市场</a></li>
								<li class="wondefulLink"><a href="">华为终端云空间</a></li>
								<li class="wondefulLink"><a href="">开发者联盟</a></li>
							</ul>
						</div>						
					</li>
				</ul>

				<ul id="navTopRight" class="r">
					<li id="login" class="topLinks"><a  href="login.html">请登录</a></li>
					<li id="register" class="topLinks"><a href="register.html">注册</a></li>
					<li class="topLinks"><a href="">我的订单</a></li>
					<li class="topLinks">
						<div class="topNavDropdown">
							<a class="topNavDropdownLink" href="">客户服务</a>
						</div>
					</li>
					<li class="topLinks">
						<div class="topNavDropdown">
							<a class="topNavDropdownLink" href="">网站导航</a>
						</div>
					</li>
					<li class="topLinks">
						<div class="topNavDropdown">
							<a class="topNavDropdownLink" href="">手机版</a>
						</div>
					</li>
					<li id="buyCarBox" class="topLinks"><a href="" id="buyCarLink">
						购物车(0)
					</a></li>
				</ul>
			</div>
		</nav> -->
		<nav id="navTop" class="t">
				<div id="navTopC" class="c">
					<ul id="navTopLeft" class="l">
						<li class="topLinks" id="indexPage"><a href="index.html">首页</a></li>
						<li class="topLinks"><a href="">华为官网</a></li>
						<li class="topLinks"><a href="">荣耀官网</a></li>
						<li class="topLinks"><a href="">花粉俱乐部</a></li>
						<li class="topLinks"><a href="">V码(优购码)</a></li>
						<li class="topLinks"><a href="">企业购</a></li>
						<li class="topLinks"><a href="">Select Region</a></li></li>
						<li class="topLinks" id="moreWonderful">
							<div class="topNavDropdown" id="moreWonderfulBox">
								<a class="topNavDropdownLink" href="">更多精彩</a>
								<ul class="mySecondMemu" id="moreWonderfulMemu">
									<li class="wondefulLink myLinks"><a href="">EMUI</a></li>
									<li class="myLinks wondefulLink"><a href="">应用市场</a></li>
									<li class="myLinks wondefulLink"><a href="">华为终端云空间</a></li>
									<li class="myLinks wondefulLink"><a href="">开发者联盟</a></li>
								</ul>
							</div>						
						</li>
					</ul>

					<ul id="navTopRight" class="r">
						<li id="login" class="topLinks"><a  href="login.html">请登录</a></li>
						<li id="register" class="topLinks"><a href="register.html">注册</a></li>
						<li class="topLinks"><a href="">我的订单</a></li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">客户服务</a>
								<ul class="mySecondMemu" id="clientMemu">
									<li class="myLinks serviseLink"><a href="">服务中心</a></li>
									<li class="myLinks serviseLink"><a href="">联系客服</a></li>
								</ul>
							</div>
						</li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">网站导航</a>
								<div class="mySecondMemu siteNavLink">
									<div>
										<ul>
											<li><img src="img/index/indexLogo.png" alt=""></li>
											<li class="myLinks indexText"><a href="">商城首页</a></li>
										</ul>
									</div>
									<div>
										<p class="myTitle">频道</p>
										<ul>
											<li class="myLinks l"><a href="">华为专区</a></li>
											<li class="myLinks r rightText"><a href="">荣耀专区</a></li>
											<li class="myLinks l"><a href="">企业购</a></li>
										</ul>
									</div>
									<div>
										<p class="myTitle">产品</p>
										<ul>
											<li class="myLinks l"><a href="">手机</a></li>
											<li class="myLinks r rightText"><a href="">智能家居</a></li>
											<li class="myLinks l"><a href="">平板&笔记本</a></li>
											<li class="myLinks r rightText"><a href="">通用配件</a></li>
											<li class="myLinks l"><a href="">智能穿戴</a></li>
											<li class="myLinks r rightText"><a href="">专属配件</a></li>
										</ul>
									</div>

									<div>
										<p class="myTitle">增值服务</p>
										<ul>
											<li class="myLinks l"><a href="">以旧换新</a></li>
											<li class="myLinks r rightText"><a href="">礼品包装</a></li>
											<li class="myLinks l"><a href="">补购保障</a></li>
										</ul>
									</div>


									<div>
										<p class="myTitle">会员</p>
										<ul>
											<li class="myLinks"><a href="">会员频道</a></li>
										</ul>
									</div>

								</div>
							</div>
						</li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">手机版</a>
								<ul class="mySecondMemu phoneVesion">
									<li class="myLinks"><a href=""><img src="img/index/navPhone01.png" alt=""></a></li>
									<li class="myLinks"><a href=""><img src="img/index/navPhone02.png" alt=""></a></li>
									<li class="myLinks"><a href=""><img src="img/index/navPhone03.png" alt=""></a></li>
								</ul>
							</div>
						</li>
						<li id="buyCarBox" class="topLinks">
							<a href="" id="buyCarLink">
								购物车(0)
							</a>
							<p class="mySecondMemu myBuyCar">
								<img src="img/index/byCar.png" alt="">
							</p>
						</li>
					</ul>
				</div>
		</nav>
		<nav id="navBottom" class="t">			
			<div id="navBottomC" class="c">
				<section id="navBottomLeft">
					<a href="#" title="Vmall.com-华为商城">
							<img class="indexLogo" src="img/huaweiPrefecture/topNavLogo01.png" alt="">
						</a>
						<span id="logoMid">X</span>
						<a href="#" title="Vmall.com-华为商城">
							<img class="indexLogo" src="img/huaweiPrefecture/topNavLogo02.png" alt="">
						</a>
					<ul id="navBottomLinkBox">
						<li id="phoneSelft" class="navBottomLinks">
							<a href="">手机</a>
						</li>
						<li class="navBottomLinks"><a href="goodsList.html">笔记本电脑</a></li>
						<li class="navBottomLinks"><a href="goodsList.html">平板&穿戴</a></li>
						<li class="navBottomLinks"><a href="">智能家居</a></li>
						<li class="navBottomLinks"><a href="">配件</a></li>
						<li class="navBottomLinks"><a href="">荣耀专区</a></li>
					</ul>
				</section>
				<section id="search">
						<input type="text" id="searchBox">
						<a href="" title=""><i id="searchBtn"></i></a>
						<a href="" title="" id="firstSearchText">荣耀V20</a>
						<a href="" title="" id="secondSearchText">nova4</a>
						<div class="searchHistory">
							<p>热门搜索</p>
							<ul>
								<li>华为20i</li>
								<li>HUAWEI P20</li>
								<li>nova 5</li>
								<li>nova</li>
							</ul>
						</div>
				</section>
			</div>
			<!-- 二级菜单 -->
			<div id="phoneSecondMenu" class="t">
				<div id="phoneSecondMenuC" class="c">
					<div id="phoneSecondMenuNav">
						<ul id="phoneNavBox">
							<li class="photoNavText"><a href="">全部手机></a></li>
							<li class="photoNavText"><a href="">荣耀</a></li>
							<li class="photoNavText"><a href="">HUAWEI P系列</a></li>
							<li class="photoNavText"><a href="">荣耀畅玩系列</a></li>
							<li class="photoNavText"><a href="">HUAWEIMATE系列</a></li>
							<li class="photoNavText"><a href="">HUAWEI navo系列</a></li>
							<li class="photoNavText"><a href="">华为畅享系列</a></li>
							<li class="photoNavText"><a href="">HUAWEI 麦芒系列</a></li>
							<li class="photoNavText"><a href="">移动4G+专区</a></li>
						</ul>
					</div>

					<ul id="phoneBox">
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone01.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone02.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone03.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone04.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone05.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone06.jpg" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
						<li class="phonesList">
							<a href="" title="">
								<img src="img/goodsList/secondPhone07.png" alt="">
								<p class="photoName">
								HUAWEI Mate 20</p>
								<p class="photoPrice">￥2399</p>
							</a>
						</li>
					</ul>
					
				</div>
			</div>
			
		</nav>
	</header><!-- /header -->

	<main id="main">
		<section id="transpSilder" class="t">
			<ul id="picBox" class="t">
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
			</ul>

			<div id="BtnsAndSilderNext" class="c">
	        	<ul id="btnBox">
					<li class="silderBtn silderBtnActic"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
				</ul>
			</div>
		</section>

		<section id="qualityGoods" class="c mainParts">
			<h2 class="goodsTitle">华为精品</h2>
			<ul id="qualityGoodsTop">
				<li class="topGoods">
					<span></span>
					<a href="goodsDetails.html" title=""><img src="img/huaweiPrefecture/qualityGoods01.png" alt=""></a>					
				</li>
				<li class="topGoods">
					<span></span>
					<a href="" title=""><img src="img/huaweiPrefecture/qualityGoods02.png" alt=""></a>	
				</li>
				<li class="topGoods">
					<span></span>
					<a href="" title=""><img src="img/huaweiPrefecture/qualityGoods03.png" alt=""></a>	
				</li>
				<li class="topGoods">
					<span></span>
					<a href="" title=""><img src="img/huaweiPrefecture/qualityGoods04.jpg" alt=""></a>	
				</li>
			</ul>
			<ul id="qualityGoodsBottom">
				<li class="bottomGoods">
					<a href="" title="">
						<img src="img/huaweiPrefecture/qualityGoods05.png" alt="">
						<div class="bottomGoodsRightBox">
							<p class="goodsName">HUAWEI WATCH GT</p>
							<p class="goodsDescribe">稀缺货源 限量发售</p>
							<p class="goodsPrice">￥1488</p>
						</div>
					</a>
				</li>
				<li class="bottomGoods">
					<a href="" title="">
						<img src="img/huaweiPrefecture/qualityGoods06.png" alt="">
						<div class="bottomGoodsRightBox">
							<p class="goodsName">HUAWEI WATCH GT</p>
							<p class="goodsDescribe">享3期免息</p>
							<p class="goodsPrice">￥5399</p>
						</div>
					</a>
				</li><li class="bottomGoods">
					<a href="" title="">
						<img src="img/huaweiPrefecture/qualityGoods07.png" alt="">
						<div class="bottomGoodsRightBox">
							<p class="goodsName">华为畅想9</p>
							<p class="goodsDescribe">享3期免息</p>
							<p class="goodsPrice">￥999</p>
						</div>
					</a>
				</li>
			</ul>
		</section>

		<section id="mobilePhone" class="c mainParts firstStyle"> 
			<h2 class="goodsTitle">手机</h2>
			<ul class="goodsNav">
				<li><a href="">HUAWEI MATE系列</a></li>
				<li><a href="">HUAWEI IP系列</a></li>
				<li><a href="">HUAWEI navo系列</a></li>
				<li><a href="">HUAWEI 麦芒系列</a></li>
				<li><a href="">华为畅享系列</a></li>
			</ul>
			<div class="moreBtn">
				<a href="" title="">更多</a>
			</div>

			<ul class="mobilePhoneGoodsBox">
				<li class="firstMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone01.png" alt="">		
					</a>
				</li>
				<li class="secondMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone02.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为畅想9 Plus</p>
							<p class="mobilePhonePrice">￥1499</p>
						</div>
					</a>
				</li>
				<li class="thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone03.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">HUAWEI nova3</p>
							<p class="mobilePhonePrice">￥2599</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone04.png" alt="">
						<div class="mobilePhoneInf">
								<p class="mobilePhoneName">HUAWEI nova 3i</p>
								<p class="mobilePhonePrice">￥1899</p>
							</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone05.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">HUAWEI 麦芒7</p>
							<p class="mobilePhonePrice">￥2199</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/mobilePhone06.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为畅想 MAX</p>
							<p class="mobilePhonePrice">￥1699</p>
						</div>
					</a>
				</li>
			</ul>
		</section>

		<section id="personalComputer" class="c mainParts">
			<h2 class="goodsTitle">笔记本电脑</h2>
			<ul class="goodsNav">
				<li><a href="">笔记本电脑</a></li>
				<li><a href="">笔记本配件</a></li>
			</ul>
			<div class="moreBtn">
				<a href="" title="">更多</a>
			</div>

			<ul id="personalComputerBox">
				<li id="firstPersonalComputer" class="changeBorder">
					<span></span>
					<a href="" title=""><img src="img/huaweiPrefecture/personalComputer01.png" alt=""></a>					
				</li>
				<li class="secondPersonalComputer changeBorder">
					<span></span>
					<a href="" title="">
						<img src="img/huaweiPrefecture/personalComputer02.png" alt="">
						<p class="personalComputerName">HUAWEI MAteBook X</p>
						<p class="personalComputerDescribe">享3期免息</p>
						<p class="personalComputerPrice">￥6188</p>
					</a>	
				</li>
				<li class="secondPersonalComputer changeBorder">
					<span></span>
					<a href="" title="">
						<img src="img/huaweiPrefecture/personalComputer03.png" alt="">
						<p class="personalComputerName">HUAWEI MAteBook D</p>
						<p class="personalComputerDescribe">&nbsp;</p>
						<p class="personalComputerPrice">￥4888</p>
					</a>	
				</li>
				<li id="thirdPersonalComputer">
					<a href="" title="">
						<img src="img/huaweiPrefecture/personalComputer04.jpg" alt="">
						<div class="bottomGoodsRightBox thirdPersonalComputerRightBox">
							<p class="thirdComputerGoodsName">HUAWEI MateBook X Pro</p>
							<p class="thirdComputerGoodsDescribe">微边框触屏笔记本</p>
							<p class="thirdComputerGoodsPrice">￥7788</p>
						</div>
					</a>	
				</li>
			</ul>
		</section>
		
		<section id="tablePcAndWear" class="c mainParts firstStyle">
			<h2 class="goodsTitle">平板&穿戴</h2>
			<ul class="goodsNav">
				<li><a href="">平板电脑</a></li>
				<li><a href="">手环/手表</a></li>
				<li><a href="">VR</a></li>
			</ul>
			<div class="moreBtn">
				<a href="" title="">更多</a>
			</div>

			<ul class="mobilePhoneGoodsBox">
				<li class="firstMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear01.png" alt="">	
					</a>
				</li>
				<li class="secondMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear02.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为儿童手表 3 Pro</p>
							<p class="mobilePhonePrice">￥888</p>
						</div>
					</a>
				</li>
				<li class="thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear03.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">华为手环 B5 商务版</p>
							<p class="mobilePhonePrice">￥1109</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear04.jpg" alt="">
						<div class="mobilePhoneInf">
								<p class="mobilePhoneName">华为平板 M5 Pro</p>
								<p class="mobilePhonePrice">￥3499</p>
							</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear05.jpg" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">HUAWEI WATCH 2 Pro</p>
							<p class="mobilePhonePrice">￥2199</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/tablePcAndWear06.jpg" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">HUAWEI WATCH 2（2018版）</p>
							<p class="mobilePhonePrice">￥1699</p>
						</div>
					</a>
				</li>
			</ul>
		</section>

		<section id="smartHome" class="c mainParts firstStyle secondStyle">
			<h2 class="goodsTitle">智能家居</h2>
			<ul class="goodsNav">
				<li><a href="">路由器</a></li>
				<li><a href="">字母/分布式路由</a></li>
				<li><a href="">电力猫/wifi放大镜</a></li>
				<li><a href="">随行WIFI</a></li>
				<li><a href="">照明</a></li>
				<li><a href="">清洁</a></li>
				<li><a href="">节能</a></li>
				<li><a href="">环境</a></li>
				<li><a href="">安防</a></li>
				<li><a href="">健康</a></li>
				<li><a href="">厨电</a></li>
				<li><a href="">影音</a></li>
				<li><a href="">卫浴</a></li>
				<li><a href="">出行</a></li>
				<li><a href="">智趣</a></li>
				<li><a href="">其他</a></li>
			</ul>
			<div class="moreBtn">
				<a href="" title="">更多</a>
			</div>

			<ul class="mobilePhoneGoodsBox">
				<li class="firstMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome01.png" alt="">
					</a>
				</li>
				<li class="secondMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome02.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为备咖存储</p>
							<p class="mobilePhonePrice">￥599</p>
						</div>
					</a>
				</li>
				<li class="thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome03.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">华为子母路由 Q2</p>
							<p class="mobilePhonePrice">￥719</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome04.jpg" alt="">
						<div class="mobilePhoneInf">
								<p class="mobilePhoneName">华为路由 A1 Lite</p>
								<p class="mobilePhonePrice">￥169</p>
							</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome05.jpg" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">华为路由器WS5100</p>
							<p class="mobilePhonePrice">￥199</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/smartHome06.jpg" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为随行WiFi 2</p>
							<p class="mobilePhonePrice">￥439</p>
						</div>
					</a>
				</li>
			</ul>

			<div id="smartHomeSlider" class="goodsSilder">
				<ul id="smartHomeSliderBox" class="goodsSilderBox">
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle01.png" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">&nbsp;</p>
							<p class="smartHomePrice">￥719</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle02.png" alt="">
							<p class="smartHomeName">华为4G路由 2</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle03.jpg" alt="">
							<p class="smartHomeName">华为随行WiFi 2 mini</p>
							<p class="smartHomeDescribe">4G三网通 USB供电</p>
							<p class="smartHomePrice">￥2599</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle04.jpg" alt="">
							<p class="smartHomeName">华为 PT500</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle05.jpg" alt="">
							<p class="smartHomeName">华为 WS331c</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle06.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle07.jpg" alt="">
							<p class="smartHomeName">华为 PT500</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle08.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">&nbsp;</p>
							<p class="smartHomePrice">￥719</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle09.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/smartHomeLittle10.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">&nbsp;</p>
							<p class="smartHomePrice">￥719</p>
						</a>
					</li>
				</ul>
				<div class="sliderBtns sliderBtnsDisabled before"><span class="left"></span></div>
				<div class="sliderBtns next"><span class="right"></span></div>
			</div>
		</section>

		<section id="hotParts" class="c mainParts firstStyle secondStyle">
			<h2 class="goodsTitle">热销配件</h2>
			<ul class="goodsNav">
				<li><a href="">贴膜</a></li>
				<li><a href="">保护壳</a></li>
				<li><a href="">保护套</a></li>
				<li><a href="">表带</a></li>
				<li><a href="">耳机</a></li>
				<li><a href="">音箱</a></li>
				<li><a href="">全景相机</a></li>
				<li><a href="">电源/充电器/线材</a></li>
				<li><a href="">自拍杆/支架</a></li>
				<li><a href="">智能硬件</a></li>
				<li><a href="">触控笔</a></li>
				<li><a href="">存储</a></li>
				<li><a href="">取卡针</a></li>
			</ul>
			<div class="moreBtn">
				<a href="" title="">更多</a>
			</div>

			<ul class="mobilePhoneGoodsBox">
				<li class="firstMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts01.jpg" alt="">
					</a>
				</li>
				<li class="secondMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts02.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为备咖存储</p>
							<p class="mobilePhonePrice">￥599</p>
						</div>
					</a>
				</li>
				<li class="thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts03.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">华为子母路由 Q2</p>
							<p class="mobilePhonePrice">￥719</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts04.png" alt="">
						<div class="mobilePhoneInf">
								<p class="mobilePhoneName">华为路由 A1 Lite</p>
								<p class="mobilePhonePrice">￥169</p>
							</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts05.png" alt="">
						<div class="mobilePhoneInf fontWhite">
							<p class="mobilePhoneName">华为路由器WS5100</p>
							<p class="mobilePhonePrice">￥199</p>
						</div>
					</a>
				</li>
				<li class="otherMoblie thirdMobile">
					<a href="">
						<img src="img/huaweiPrefecture/hotParts06.png" alt="">
						<div class="mobilePhoneInf">
							<p class="mobilePhoneName">华为随行WiFi 2</p>
							<p class="mobilePhonePrice">￥439</p>
						</div>
					</a>
				</li>
			</ul>

			<div id="hotPartsSlider" class="goodsSilder">
				<ul id="hotPartsSliderBox" class="goodsSilderBox">
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle01.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">&nbsp;</p>
							<p class="smartHomePrice">￥719</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle02.png" alt="">
							<p class="smartHomeName">华为4G路由 2</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle03.jpg" alt="">
							<p class="smartHomeName">华为随行WiFi 2 mini</p>
							<p class="smartHomeDescribe">4G三网通 USB供电</p>
							<p class="smartHomePrice">￥2599</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle04.jpg" alt="">
							<p class="smartHomeName">华为 PT500</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle05.jpg" alt="">
							<p class="smartHomeName">华为 WS331c</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle06.jpg" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle07.png" alt="">
							<p class="smartHomeName">华为 PT500</p>
							<p class="smartHomeDescribe">4G全网APP远程管理</p>
							<p class="smartHomePrice">￥349</p>
						</a>
					</li>
					<li>
						<a href="">
							<span></span>
							<img src="img/huaweiPrefecture/hotPartsLittle08.png" alt="">
							<p class="smartHomeName">华为子母路由 Q2</p>
							<p class="smartHomeDescribe">&nbsp;</p>
							<p class="smartHomePrice">￥719</p>
						</a>
					</li>
				</ul>
				<div class="sliderBtns sliderBtnsDisabled before"><span class="left"></span></div>
				<div class="sliderBtns next"><span class="right"></span></div>
			</div>
		</section>
	</main>



	<footer id="footer" class="t">
		<section id="slogan" class="c">
			<ul id="sloganBox">
				<li class="sloganInf"><a href="">
					<i class="sloganIcon"></i>
					<span class="sloganText">百强企业 品质保证</span>
				</a></li>
				<li class="sloganInf"><a href="">
					<i class="sloganIcon"></i>
					<span class="sloganText">7天退货品 15天换货</span>
				</a></li>
				<li class="sloganInf"><a href="">
					<i class="sloganIcon"></i>
					<span class="sloganText">48元起免运费</span>
				</a></li>
				<li class="sloganInf"><a href="">
					<i class="sloganIcon"></i>
					<span class="sloganText">1000家维修网点 全国联保</span>
				</a></li>
			</ul>
		</section>

		<section id="serviceContainer" class="c">
			<div id="serviceLeft" class="l">
				<ul class="serviceTextBox l">
					<li class="serviceText">购物相关</li>
					<li class="serviceText"><a href="">购物指南</a></li>
					<li class="serviceText"><a href="">配送方式</a></li>
					<li class="serviceText"><a href="">支付方式</a></li>
					<li class="serviceText"><a href="">常见问题</a></li>
				</ul>
				<ul class="serviceTextBox l">
					<li class="serviceText">保修与退换货</li>
					<li class="serviceText"><a href="">购物指南</a></li>
					<li class="serviceText"><a href="">配送方式</a></li>
					<li class="serviceText"><a href="">退换货流程</a></li>
					<li class="serviceText"><a href="">保修状态查询</a></li>
					<li class="serviceText"><a href="">配件防伪查询</a></li>
				</ul>
				<ul class="serviceTextBox l">
					<li class="serviceText">维修与技术支持</li>
					<li class="serviceText"><a href="">购物指南</a></li>
					<li class="serviceText"><a href="">配送方式指南</a></li>
					<li class="serviceText"><a href="">支付方式</a></li>
					<li class="serviceText"><a href="">华为CBG官网</a></li>
					<li class="serviceText"><a href="">上门服务</a></li>
				</ul>
				<ul class="serviceTextBox l">
					<li class="serviceText">特色服务</li>
					<li class="serviceText"><a href="">购物指南</a></li>
					<li class="serviceText"><a href="">配送方式</a></li>
					<li class="serviceText"><a href="">支付方式</a></li>
					<li class="serviceText"><a href="">常见问题</a></li>
				</ul>
				<ul class="serviceTextBox l">
					<li class="serviceText">关于我们</li>
					<li class="serviceText"><a href="">公司介绍</a></li>
					<li class="serviceText"><a href="">配送方式</a></li>
					<li class="serviceText"><a href="">支付方式</a></li>
					<li class="serviceText"><a href="">常见问题</a></li>
					<li class="serviceText"><a href="">华为线下门店</a></li>
					<li class="serviceText"><a href="">荣耀线下门店</a></li>
				</ul>
				<ul class="serviceTextBox l">
					<li class="serviceText">友情链接</li>
					<li class="serviceText"><a href="">购物指南</a></li>
					<li class="serviceText"><a href="">配送方式</a></li>
					<li class="serviceText"><a href="">华为CBG官网</a></li>
					<li class="serviceText"><a href="">常见问题</a></li>
					<li class="serviceText"><a href="">花粉俱乐部</a></li>
				</ul>
			</div>

			<div id="serviceRight" class="r">
				<p id="phoneNum">400-088-6888</p>
				<p class="serviceRightState">7x24小时客服热线（仅收市话费）</p>
				<p id="serviceRightlittleBox"><a href="" title="">
					<i></i><span>在线客服</span>
				</a></p>
				<p class="serviceRightState">
					<span class="l">关注Vmall:</span>	
					<a class="serviceRightStateIcon" href="" title=""><i></i></a>
					<a class="serviceRightStateIcon" href="" title=""><i></i></a>
					<a class="serviceRightStateIcon" href="" title=""><i></i></a>
					<a class="serviceRightStateIcon" href="" title=""><i></i></a>
				</p>
			</div>
		</section>

		<section class="c" id="bottomFooter">
			<img src="img/index/bottomLogo_VMALL.png" alt="">

			<div class="l" id="bottomFooterMid">
				<ul class="bottomFooterList" id="bottomFooterListTitle">
					<li id="firstBottomFooterList"><a href="">华为集团</a></li>
					<li><a href="">华为CBG官网</a></li>
					<li><a href="">荣耀官网</a></li>
					<li><a href="">花粉俱乐部</a></li>
					<li><a href="">华为应用市场</a></li>
					<li><a href="">ENUI</a></li>
					<li><a href="">华为终端云空间</a></li>
					<li><a href="">开发者联盟</a></li>
					<li><a href="">华为手机版</a></li>
					<li><a href="">网站地图</a></li>
				</ul>
				<img src="img/index/footerText.png" alt="">
			</div>

			<p id="bottomFooterRight">
				<a href="" title=""><img src="img/index/footer_yinsirengzheng.jpg" alt=""></a>
				<a href="" title=""><img src="img/index/footer_yingyezhizhao.png" alt=""></a>
			</p>

		</section>
	</footer>

	<section id="fixedMune" class="t">
		<a class="fixedMuneLinks" href="#" title="">
			<i class="fixedMuneTips">购物车</i>
		</a>
		<a class="fixedMuneLinks" href="#" title="">
			<i class="fixedMuneTips">在线客服</i>
		</a>
		<a class="fixedMuneLinks" href="#" title="">
			<i class="fixedMuneTips">意见反馈</i>
		</a>
		<a id="goTop" class="fixedMuneLinks" href="#" title="">
			<i class="fixedMuneTips">返回顶部</i>
		</a>
	</section>

</body>
</html>